<html lang="zh-cn">
<head id="Head1">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="keywords" th:attr="content=${article.keywords}"/>
    <meta name="description" th:attr="content=${article.description}"/>
    <title>
        [(${article.title})] - 爱上编程
    </title>
    <link href="/blog/static/css/css.css" type="text/css" rel="stylesheet"/>
    <link rel="stylesheet" type="text/css" href="/blog/static/css/prettify.css"/>
    <link rel="shortcut icon" href="https://www.tqcto.com/img/favicon.ico?t=0651809001598528801" type="image/x-icon" />
</head>
<body>
<div class="width100bi height23px divbackgroundcolor overflowauto">
    <div class="width1000px divmargin0auto">
        <div class="divfloatleft">
        </div>
        <div class="divfloatright">
            <div id="logintopdescription" class="paddingtop3">
            </div>
        </div>
    </div>
</div>
<div class="width1000px divmargin0auto margintop20bottom20 overflowauto">
    <div class="width120px divfloatleft">
        <a href="/" title="爱上编程，tqcto.com">
            <img src="https://www.tqcto.com/user/img/logo.png" alt="爱上编程，tqcto.com" width="139" height="60" border="0"/>
        </a>
    </div>
    <div class="width880px divfloatright">
        <div class="menuDiv">
            <ul>
                <li class="bottomline width10px">&nbsp;</li>
                <li id="default-aspx" class="title0"><a href="/blog" title="爱上编程，tqcto.com">首页</a></li>
                <li id="infolist-2" class="title1"><a href="/blog/list-web-1" title="Web开发">Web开发</a></li>
                <!--<li id="infolist-3" class="title1"><a href="/info-list-3-1.html" title="Windows程序">Windows程序</a></li>-->
                <!--<li id="infolist-4" class="title1"><a href="/info-list-4-1.html" title="编程语言">编程语言</a></li>-->
                <!--<li id="infolist-5" class="title1"><a href="/info-list-5-1.html" title="数据库">数据库</a></li>-->
                <!--<li id="infolist-6" class="title1"><a href="/info-list-6-1.html" title="移动开发">移动开发</a></li>-->
                <!--<li id="infolist-8" class="title1"><a href="/info-list-8-1.html" title="系统相关">系统相关</a></li>-->
                <!--<li id="infolist-9" class="title1"><a href="/info-list-9-1.html" title="微信">微信</a></li>-->
                <!--<li id="infolist-11" class="title1"><a href="/info-list-11-1.html" title="其他好文">其他好文</a></li>-->
                <!--<li id="memberhtml" class="title1"><a href="/member.html" title="会员">会员</a></li>-->
                <!--<li class="bottomline width10px">&nbsp;</li>-->
            </ul>
        </div>
    </div>
</div>

<div class="divdaohang">
    <div class="divtitlefont">
        <a href="/blog" title="码迷首页">首页</a>
        <span id="lbltitle"> > <a href='/blog/list-web-1'>Web开发</a> > 详细</span>
    </div>
</div>
<div class="divmain">
    <div class="width70bi divfloatleft" style="min-height: 2000px;">
        <div class="marginright20">
            <script type="text/javascript">                    mamicode_adload('title_before');</script>
            <div class="detailtitle divtextaligncenter divborderbottomdotted">
                <h1 id="Htitle" class="detailtitle">[(${article.title})]</h1>
            </div>
            <div class="detail1 divtextaligncenter">
                时间：<span id="Label2" class="colorlv">[(${#dates.format(article.crtTime, 'yyyy-MM-dd HH:mm:ss')})]</span>
                &nbsp;&nbsp;&nbsp;&nbsp; 阅读：<span id="Label1" class="colorCheng">168</span>
                &nbsp;&nbsp;&nbsp;&nbsp; 评论：<span id="lblcommentcount" class="colorCheng">0</span>
                &nbsp;&nbsp;&nbsp;&nbsp; 收藏：<span id="lblfavorite" class="colorCheng">0</span>
                &nbsp;&nbsp;&nbsp;&nbsp; <a id="infofavorite" class="acursorpointer" onclick="infofavorite_click();">[点我收藏+]</a>
            </div>
            <script type="text/javascript">                    mamicode_adload('content_before');</script>
            <div class="detailcontennt">
                [(${article.content})]
            </div>
            <div id="divcomment">
                <div>
                    <div class="divtextaligncenter paddingright2 overflowauto">
                        <div class="detailcai" id="infono" onclick="infono_click();">
                            <div class="detailcai1 colorboldlan">
                                踩
                            </div>
                            <div class="detailcai2 colorboldlan">
                                (<span id="spanNo">0</span>)
                            </div>
                        </div>
                        <div class="detailzan" id="infoyes" onclick="infoyes_click();">
                            <div class="detailzan1 colorboldHong">
                                赞
                            </div>
                            <div class="detailzan2 colorboldHong">
                                (<span id="spanYes">0</span>)
                            </div>
                        </div>
                    </div>
                    <div class="divtextalignright margintop10">
                        <div class="width100bi paddingleft10right10">
                            <span id="spanYesContent" class="colorboldHong"></span>&nbsp; <span id="spanNoContent"
                                                                                                class="colorboldlan"></span>&nbsp; <span
                                id="spanBadContent" class="colorboldHong">
                                </span>
                        </div>
                    </div>
                </div>
                <div class="divtextalignright margintop10">
                    <span class="detailjubao" id="infobad" onclick="infobad_click();">举报</span>
                </div>
                <script type="text/javascript">                        mamicode_adload('content_after');</script>
                <div id="comment" class="divtextalignleft margintop20">
                    <div class="detailpinglun1">
                        <span class="detailpinglun2 title6">评论</span> <span class="detailpinglun3">一句话评论（<span
                            id="commentCount" class="colorboldHong">0</span>）</span>
                    </div>
                    <div class="paddingtop20">

                        <div id="commentlistend" name="commentlistend" class="divtextaligncenter margintop20">
                            <span id="lblpage"></span>
                        </div>
                    </div>
                    <div class="margintop20">
                        <form method="post" action="#">
                            <div class="divtextalignleft paddingtop20">
                                <div id="commenthf" class="divbackgroundcolor1">
                                </div>
                                <div>
                                    <textarea name="tbcommentcontent" id="tbcommentcontent" class="tb"
                                              disabled="disabled" style="width: 680px;
                                        height: 120px;"></textarea>
                                </div>
                            </div>
                            <div class="divtextalignright paddingtop10 ">
                                <span id="addCommentTishi" class="colorboldHong">登录后才能评论！</span>
                                <span id="loginno"><input type="button" class="mbtn1" value="登录"
                                                          onclick="location.href='https://www.tqcto.com/reg/'"/></span>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="width30bi divfloatright">
        <div class="paddingbottom20">

        </div>

        <script type="text/javascript">                mamicode_adload('right_top');</script>

        <div class="width99bi divborder">
            <div class="divtitle">
                <div id="infofile1_div1" class="divfloatleft divtitlefont">
                    分享档案
                </div>
                <div class="divfloatright">
                    <a href="#" title="分享档案更多" class="colorCheng">更多></a>
                </div>
            </div>
            <div class="divtextalignleft paddingleft10right10 margintop10bottom10 heightline30px">
                <div th:each="sharing,index: ${sharingList}">
                    <a class="taga"
                       th:href="@{'../../time/list-web-' + ${#strings.replace(#strings.replace(#strings.replace(sharing.days, '年', ''), '月', ''), '日', '')} + '-1'}"
                       target="_blank"
                       th:attr="title=@{${sharing.days} + '技术分享'}"
                    >
                        [(${sharing.days})]
                        ([(${sharing.count})])</a><br/>
                </div>
            </div>
        </div>

        <div class="width99bi margintop20 divborder">
            <div class="divtitle">
                <div id="infotop2_divtitle" class="divfloatleft divtitlefont">推荐文章</div>
                <div class="divfloatright">
                    <img src="http://image.tqcto.com/j01.jpg" width="14" height="14" alt="tqcto.com推荐更多图片"/></div>
                <div class="divfloatright">
                    <a href="#" id="infotop2_amore" title="推荐更多">更多</a></div>
            </div>
            <div>
                <ul>

                    <li class="divullititle heightline25px divtextalignleft" th:each="random,index: ${randomList}">
                        <a th:href="@{${random.id} + '.html'}"
                           th:attr="title=${random.title}" target="_blank">
                            [(${random.title})]
                            &nbsp;<span class="colorlan">[(${#dates.format(random.crtTime, 'yyyy-MM-dd')})]</span> </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div class="divfloatclear">
    </div>
</div>
<div class="bottomdiv">
    <div class="width1000px divmargin0auto paddingtop20">
        <div class="height30px divtextalignleft">
            <a href="/about.html" title="tqcto.com关于我们">关于我们</a> - <a href="/contactus.html"
                                                                      title="tqcto.com联系我们">联系我们</a> - <a
                href="/guest.html" title="tqcto.com留言反馈">留言反馈</a>
        </div>
        <div class="height30px divtextalignleft">
            © 2022 <a href="http://www.tqcto.com" target="_blank" title="tqcto.com,技术分享">tqcto.com</a>
            版权所有 <a href="http://www.beian.miit.gov.cn" target="_blank">黔ICP备15010363号-1</a>
        </div>
        <div class="divtextalignleft">
            <span class="colorlan">爱上编程, 勿忘初心！</span>
        </div>
        <br/>
    </div>
</div>
</body>
</html>
